<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <title>考试报名官网</title>
    <link rel="icon" href="../jkun.jpg">
</head>
<style>
    body {
        font-size: 14px;
        margin: 0;
        padding: 0;
        font-family: 'Microsoft yahei', Arial, "Times New Roman", Times, serif, NeeaSimsun-Regular;
        text-align: left;
        background: #fff;
        color: #404040;
        message . html
    }

    .el-main {
        padding: 0;
    }

    <!--
    布局样式-- >
    .el-row {
        margin-bottom: 20px;

    }

    .el-col {
        border-radius: 4px;
    }

    .bg-purple-dark {
        background: #99a9bf;
    }

    .bg-purple {

    }

    .el-menu--horizontal > .el-menu-item {
        float: left;
        height: 45px;
        margin: 0 30px;
        border-bottom: 2px solid transparent;
        color: #909399;
        text-align: center;

    }

    .el-menu-item > a {
        text-decoration: none;
        position: relative;
        top: -8px;
    }

    .el-menu.el-menu--horizontal {
        width: 1200px;
        margin: 0 auto;
    }

    .message ul {
        padding: 0;

    }

    .message li {
        width: 100%;
        height: auto;
        background: no-repeat left 14px;
        padding: 0 0 0px 26px;
        height: 40px;
        overflow: hidden;
        clear: both;
        line-height: 40px;
        font-size: 14px;
    }

    .message li Report {
        float: right;
        color: #aaa;
        font-size: 14px;
    }

    .message li #ReportIDIssueTime {
        float: right;
    }

    .path {
        height: 30px;
        line-height: 30px;

        border-bottom: solid 1px #DDD;
        padding-left: 15px;
    }
</style>
<body>
<div>
    <el-container>
        <el-header style="width: 1200px;margin: 0 auto ;height: auto;padding: 0">
            <!--            <img src="./imgs/logo.jpg" alt="">-->
            <div>
                <h1 style="color: #003E7D">考试报名系统</h1>
            </div>
            <div style="height: 45px;border-bottom: solid 3px #003E7D;">
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
                         background-color="#E7E8EB" text-color="#003E7D">
                    <el-menu-item index="1"><a href="/">首页</a></el-menu-item>
                    <el-menu-item index="2"><a href="/message.html">公示公告</a></el-menu-item>
                    <el-menu-item index="3"><a href="/item.html">考试项目</a></el-menu-item>
                    <el-menu-item index="4"><a href="/apply.html">考试报名</a></el-menu-item>
                    <el-menu-item index="5"><a href="/scoreinquiry.html">成绩查询</a></el-menu-item>
                    <el-menu-item index="6"><a href="">准考证打印</a></el-menu-item>
                    <el-menu-item index="7"><a href="">考试论坛</a></el-menu-item>
                </el-menu>
            </div>

        </el-header>
        <el-main style="width: 1200px;margin: 0 auto;height: auto">
            <div class="path">
                <a href="">首页</a>
                <span>>成绩查询 </span>
            </div>
            <div style="width: 1154px">
                <template>
                    <el-table
                            :data="tableData"
                            style="width: 100%">
                        <el-table-column
                                prop="date"
                                label="考试名称"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="name"
                                label="姓名"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="address"
                                label="地址">
                        </el-table-column>
                    </el-table>
                </template>
            </div>
        </el-main>
        <el-footer>
            <hr>
            <div style="height: 50px;width: 100%;background-color: rgb(244,244,244);text-align: center">
                <p>Author：xiangyu 武汉东湖学院 计算机科学与技术四班 毕业设计 </p>
            </div>

        </el-footer>
    </el-container>
</div>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: "body>div",
        data: {
            activeIndex: '1',
            activeIndex2: '1',
            arr: ['imgs/logo1.jpg', 'imgs/2.jpg'],
            tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
            }, {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1519 弄'
            }, {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1516 弄'
            }]
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    })
</script>
</body>
</html>